{extend name='tpl'/}
{block name='orders'}

		<!--中间开始-->
			<div class="body-center">
				<div class="center-content">
					<!--头部开始-->
					<div class="content-header">
						<p>收获地址  <span>温馨提示：为了保证您的权益，防止黄牛倒卖，订单进入正在配货状态将不能修改收货地址和发票信息！</span></p>
					</div>
					<!--头部结束-->
					<!--地址选择开始-->
					<div class="content-address">
						{volist name="addressData" id="ad"}
						<div class="consignee-item">
							<span class="radio-img <?php if($ad['status']){echo 'pitchOn';}?>"></span>
							<label for="adress1" class="radio" onclick="setDefault({$ad['uaid']})">
								<input type="radio" name="adress" id="adress1" class="radio-select" value=""/><span class="e-name">{$ad['uaname']}</span>，<span class="city">{$ad['province']} {$ad['city']} {$ad['block']} </span><span class="city-particular">{$ad['detail']}</span>，<span class="codeNumber">{$ad['phone']}</span>
							</label>
							<span class="compile"><a class="copyreader"  href="javascript:;">编辑</a></span>
						</div>
						{/volist}
						<!--添加新地址-->
						
						<div class="consignee-item new-ress">
							<span class="radio-img"></span>
							<label for="adress3" class="radio"><input type="radio" name="adress" id="adress3" class="radio-select"  value=""/>使用新地址</label>
						</div>
						<script>
							$(function(){
							    area.init('area');
							    //选中效果
								area.selected("山西",'临汾','尧都区')
							})
						</script>
						<!--添加地址框-->
						<div class="add-address new">
							<form action="{:url('index/Address/add')}" method="post">
								<div class="s-name">
									<h3 class="style"><b>*</b>收货人姓名</h3>
									<input type="text" class="public" name="uaname" id="name" placeholder="收货人姓名" value="" />
								</div>
								<div class="address-s">
									<h3 class="style"><b>*</b>地址</h3>
									
									<!--城市联动-->
									<select name="address[]" id="area1"></select>
									<select name="address[]" id="area2"></select>
									<select name="address[]" id="area3"></select>
									<!--<input type="text" name="name" id="name" placeholder="收货人姓名" value="" />-->
									<textarea name="detail" placeholder="路名或街道地址，门牌号 " id="particular" rows="" cols=""></textarea>
								</div>
								
								<div class="postcode">
									<h3 class="style"><b>&nbsp;</b>邮政编码</h3>
									<input type="text" class="public" name="code" id="postcode" placeholder="6位邮政编码" value="" />
								</div>
								<div class="shouji">
									<h3 class="style"><b>*</b>手机号码 </h3>
									<input type="text" class="public" name="phone" id="shouji" placeholder="11位手机号码" value="" />
								</div>
									<div class="btn-group">
										<input type="submit"  class="btn" id="btn-bao" value="保存"/>
										<a href="javascript:;" class="btn-qu btn">取消</a>
									</div>
								
							</form>
						</div>
						<!--添加地址按钮-->
						<a href="javascript:;" class="new-address"></a>
						<!--添加新地址结束-->
						<!--编辑开始-->
						<div class="add-address edit">
							<form action="" method="post">
								<div class="s-name">
									<h3 class="style"><b>*</b>收货人姓名</h3>
									<input type="text" class="public" name="name" id="name" placeholder="收货人姓名" value="" />
								</div>
								<div class="address-s">
									<h3 class="style"><b>*</b>地址</h3>
									
									<!--城市联动-->

									<!--<input type="text" name="name" id="name" placeholder="收货人姓名" value="" />-->
									<textarea name="particular" placeholder="路名或街道地址，门牌号 " id="particular" rows="" cols=""></textarea>
								</div>
								
								<div class="postcode">
									<h3 class="style"><b>&nbsp;</b>邮政编码</h3>
									<input type="text" class="public" name="postcode" id="postcode" placeholder="6位邮政编码" value="" />
								</div>
								<div class="shouji">
									<h3 class="style"><b>*</b>手机号码 </h3>
									<input type="text" class="public" name="shouji" id="shouji" placeholder="11位手机号码" value="" />
								</div>
									<div class="btn-group">
										<input type="submit"  class="btn" id="btn-bao" value="保存"/>
										<a href="javascript:;" class="btn-qu btn">取消</a>
									</div>
							</form>
						</div>
					</div>
					<!--地址选择结束-->
					
					
					<!--选项开始-->
					<div class="options">
						<div class="options-all">
							<div class="payment options-public">
								<h3>支付方式</h3>
							</div>
							<div class="consignee-item new-ress">
								<span class="radio-img pitchOn"></span>
								<label for="payment" class="radio w122"><input type="radio" name="payment" id="payment" class="radio-select"  value=""/>在线支付</label>
							</div>
						</div>
						<div class="options-all">
							<div class="distribution options-public">
								<h3>配送方式</h3>
							</div>
							<div class="consignee-item new-ress">
								<span class="radio-img pitchOn"></span>
								<label for="distribution" class="radio w122"><input type="radio" name="distribution" id="distribution" class="radio-select"  value=""/>免费配送</label>
							</div>
						</div>
						<div class="options-all invoice">
							<div class=" options-public">
								<h3>发票信息</h3>
							</div>
							<div class="box-all" style="overflow: hidden;">
								<div class="consignee-item new-ress left">
									<span class="radio-img pitchOn"></span>
									<label for="invoice" class="radio w122 no"><input type="radio" name="invoice" id="invoice" class="radio-select "  value=""/>不开发票</label>
								</div>
								<div class="consignee-item new-ress left">
									<span class="radio-img "></span>
									<label for="invoice1" class="radio w122 yes"><input type="radio" name="invoice" id="invoice1" class="radio-select "  value=""/>普通发票</label>
									
								</div>
							</div>
							<div class="con">
								<div class="text">发票内容：购买商品明细</div>
								<div class="text">发票抬头：请确认单位名称正确，以免因名称错误耽搁您的报销。</div>
								<div class="box-all" style="overflow: hidden; margin-top: 10px;">
									<a href="javascript:;" class="geren tongyong active">个人</a>
									<a href="javascript:;" class="danwei tongyong">单位</a>
								</div>
								<div class="danweiname" >
									<div class="text">单位名称：</div>
									<input type="text" name="danweiname" id="danweiname" value="" />
								</div>
							</div>
						</div>
						
					</div>
					<!--选项结束-->
					<div class="options-all  goods">
							<div class="qingdan options-public" style="border: none;">
								<h3>商品清单</h3>
							</div>
							<div class="goodsList">
								<div class="title">
									<ul>
										<li class="l1">商品名称</li>
										<li class="l2">单价</li>
										<li class="l3">数量</li>
										<li class="l4">合计</li>
									</ul>
								</div>
							</div>
							
							<div class="goods-cont">
								<ul>
									{foreach name="field['goods']" key='k' item='v'}
									<li style="padding: 13px;">
										<div class="gc1">
											<img src="{$v['options']['img']}"/>
											<span>{$v['name']}</span>
										</div>
										<div class="gc2">
											 ¥
											 <span>{$v['price']}</span>
										</div>
										<div class="gc3">
											X
											<span>{$v['num']}</span>
										</div>
										<div class="gc4">
											¥
											 <span>{$v['total']}</span>
										</div>
									</li>
									{/foreach}
								</ul>
							</div>
							
							<!--总计-->
							<div class="zongji">
								<ul>
									<li>
										共<span class="color">{$field['total_row']}</span>件
									</li>
									<li>
										金额合计：<span>{$field['total_price']}</span>元
									</li>
									<li style="margin-top: 15px;">
										<h3>应付总金额：<span class="color">{$field['total_price']}</span>元</h3>
									</li>
								</ul>
							</div>
							

							<div class="" style="overflow: hidden;">
								<a href="javascript:;" class="liji">立即下单</a>
							</div>
							
					</div>
					
					
				</div>
			</div>
		<!--中间结束-->
<script>
	//改变默认选择地址效果
	function setDefault(uaid){
//		alert(1);
		$.post("{:url('index/address/setDefault')}",{uaid:uaid},function(){

		})
	}
	$(function(){
		$('.liji').on('click',function(){
			$.post("{:url('index/orders/createOrder')}",{},function(data){
				if(data){
					location.href = "{:url('index/contens/order')}";
				}
			})
		})
	})
</script>
{/block}



